<template>
    <nav class="nav">
        <a v-for="item in types" :key="item.name">{{ item.name }}</a>
    </nav>
</template>

<script setup lang="ts" name="TopNav">
let types = [
    { name: '服装城', path: '###' },
    { name: '美妆馆', path: '###' },
    { name: '尚品汇超市', path: '###' },
    { name: '全球购', path: '###' },
    { name: '闪购', path: '###' },
    { name: '团购', path: '###' },
    { name: '有趣', path: '###' },
    { name: '秒杀', path: '###' }]

</script>

<style scoped lang="less">
.nav {
    a {
        height: 45px;
        margin: 0 22px;
        line-height: 45px;
        font-size: 16px;
        color: #333;
    }
}
</style>